/*-----------------------------------------------------------------------------------

    Theme Name: Bitrix - Startup Agency and SasS Business Template
    Description: Startup Agency and SasS Business Template
    Author: Chitrakoot Web
    Version: 1.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------

    01. Common styles
    02. Listing styles
    03. Button styles
    04. Navigation
    05. Section heading
    06. Main banner styles
    07. Page title
    08. Feature boxes
    09. Service blocks
    10. Counter box
    11. Testmonial
    12. Owl carousel
    13. Team member
    14. Project grid
    15. Portfolio
    16. Accordion style
    17. Tabs
    18. Pricing table
    19. Widget block
    20. Other 
    21. Blog
    22. Contact info
    23. Footer
    
---------------------------------- */
/* Common Color*/
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center; }

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px; }

.loader-icon {
  width: 80px;
  height: 80px;
  border: 5px solid #292dc2;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
/* theme color and basic options */
a:hover, a:active {
  color: #292dc2;
  text-decoration: none; }

.bg-theme, .theme-overlay[data-overlay-dark]:before {
  background: #292dc2;
  background: -webkit-linear-gradient(180deg, #292dc2, #0084e9);
  background: -moz-linear-gradient(180deg, #292dc2, #0084e9);
  background: -o-linear-gradient(180deg, #292dc2, #0084e9);
  background: linear-gradient(180deg, #292dc2, #0084e9); }

.bg-theme-solid, .theme-overlay-solid[data-overlay-dark]:before {
  background: #292dc2; }

.bg-theme-light {
  background: #edf5ff; }

.text-theme-color {
  color: #292dc2; }

.text-yellow {
  color: #ffcc6f; }

.text-green {
  color: #06df9e; }

.text-orange {
  color: #ff6262; }

.text-blue {
  color: #15b2ec; }

.text-color-md-blue {
  color: #243f67; }

.text-color-light-blue {
  color: #596982; }

.bg-yellow {
  background: rgba(255, 204, 111, 0.2); }

.bg-green {
  background: rgba(6, 223, 158, 0.1); }

.bg-orange {
  background: rgba(255, 98, 98, 0.1); }

.bg-blue {
  background: rgba(21, 178, 236, 0.1); }

.separator-dashed-line-horrizontal-full {
  border-bottom: 1px dashed #cee1f8 !important; }

/* infinite animation */
.infinite-floating {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: Floating;
  animation-timing-function: ease-in-out; }
  .infinite-floating.right-top {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 0; }
  .infinite-floating.right-bottom {
    position: absolute;
    right: 15px;
    bottom: -50px;
    z-index: 0; }
  .infinite-floating.left-top {
    position: absolute;
    left: -50px;
    top: -50px;
    z-index: 0; }
  .infinite-floating .circle {
    border: 3rem solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    border-radius: 100%;
    width: 22rem;
    height: 22rem; }
  .infinite-floating.medium .circle {
    border: 5rem solid rgba(255, 255, 255, 0.05);
    width: 32rem;
    height: 32rem; }
  .infinite-floating.small .circle {
    border: 3rem solid rgba(255, 255, 255, 0.05);
    width: 16rem;
    height: 16rem; }

@keyframes Floating {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(0px, 30px); }
  100% {
    transform: translate(0px, 0px); } }
@media screen and (max-width: 1199px) {
  .infinite-floating .circle {
    width: 20rem;
    height: 20rem; }
  .infinite-floating.medium .circle {
    width: 30rem;
    height: 30rem; }
  .infinite-floating.small .circle {
    width: 14rem;
    height: 14rem; } }
@media screen and (max-width: 991px) {
  .infinite-floating .circle {
    width: 18rem;
    height: 18rem; }
  .infinite-floating.medium .circle {
    width: 26rem;
    height: 26rem;
    border-width: 4rem; }
  .infinite-floating.small .circle {
    width: 12rem;
    height: 12rem; } }
@media screen and (max-width: 767px) {
  .infinite-floating .circle {
    width: 15rem;
    height: 15rem;
    border-width: 2rem; }
  .infinite-floating.medium .circle {
    width: 22rem;
    height: 22rem;
    border-width: 3rem; }
  .infinite-floating.small .circle {
    width: 10rem;
    height: 10rem;
    border-width: 2rem; } }
/* general basic options */
.shadow-primary {
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }

.line-through {
  text-decoration: line-through; }

.cursor-pointer {
  cursor: pointer; }

.height-100vh {
  height: 100vh; }

.overflow-y-visible {
  overflow-y: visible !important; }

.small-title {
  font-size: 18px;
  line-height: 34px; }

.inner-title {
  font-size: 16px;
  line-height: 34px; }

.story-video {
  height: 100%; }
  .story-video.bg-video a {
    background: #292dc2;
    background: -webkit-linear-gradient(180deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(180deg, #292dc2, #0084e9);
    background: -o-linear-gradient(180deg, #292dc2, #0084e9);
    background: linear-gradient(180deg, #292dc2, #0084e9);
    width: 55px;
    height: 55px;
    border-radius: 55px;
    line-height: 55px;
    text-align: center;
    display: inline-block; }

.min-height-auto {
  min-height: auto; }
/*
input[type=checkbox], input[type=radio] {
  width: auto;
  margin-right: 10px; }
*/
.form-wrap {
  margin-bottom: 15px; }

input, textarea, select, .form-input {
  color: #6f6f6f;
  margin-bottom: 0; }

.rd-mailform select {
  height: 50px; }

.title-box {
  position: relative;
  padding: 20px 0;
  font-size: 60px;
  line-height: 1;
  width: 100px;
  text-align: right; }

.box-circle {
  left: 0;
  bottom: 0;
  width: 1.37em;
  height: 1.37em;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

@media screen and (min-width: 1400px) {
  .container.lg-container {
    max-width: 80%; } }
@media screen and (max-width: 991px) {
  .title-box {
    font-size: 54px;
    width: 95px; }

  .sm-height-500px {
    min-height: 500px;
    height: 100%; } }
@media screen and (max-width: 767px) {
  .inner-title {
    font-size: 15px;
    line-height: 30px; }

  .small-title {
    font-size: 16px;
    line-height: 30px; }

  .xs-height-400px {
    min-height: 400px;
    height: 100%; } }
@media screen and (max-width: 575px) {
  .title-box {
    font-size: 48px;
    width: 85px; }

  .mobile-margin-15px-bottom {
    margin-bottom: 15px !important; }

  .mobile-margin-5px-right {
    margin-right: 5px !important; }

  .mobile-margin-20px-bottom {
    margin-bottom: 20px !important; }

  .mobile-margin-25px-bottom {
    margin-bottom: 25px !important; }

  .mobile-margin-40px-bottom {
    margin-bottom: 40px !important; }

  .mobile-padding-15px-bottom {
    padding-bottom: 15px !important; }

  .mobile-padding-20px-bottom {
    padding-bottom: 20px !important; }

  .mobile-padding-25px-bottom {
    padding-bottom: 25px !important; }

  .mobile-padding-50px-bottom {
    padding-bottom: 50px !important; }

  .mobile-display-none {
    display: none; }

  .mobile-no-margin-right {
    margin-right: 0 !important; }

  .mobile-no-padding {
    padding: 0 !important; }

  .mobile-no-padding-top {
    padding-top: 0 !important; } }
/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #232323;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #232323; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* icons */
.circle-btn a {
  display: inline-block;
  border: 1px solid #232323;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer; }
  .circle-btn a:hover {
    color: #fff;
    background: #232323;
    border-color: #232323; }
    .circle-btn a:hover i {
      color: #fff; }
.circle-btn i {
  color: #232323; }

.icon-circle {
  vertical-align: top;
  width: 75px;
  height: 75px;
  background: rgba(41, 45, 194, 0.1);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 85px;
  color: #292dc2; }
  .icon-circle i, .icon-circle span {
    font-size: 28px; }
  .icon-circle.yellow {
    background: rgba(255, 204, 111, 0.1);
    color: #ffcc6f; }
  .icon-circle.green {
    background: rgba(6, 223, 158, 0.1);
    color: #06df9e; }
  .icon-circle.orange {
    background: rgba(255, 98, 98, 0.1);
    color: #ff6262; }
  .icon-circle.blue {
    background: rgba(21, 178, 236, 0.1);
    color: #15b2ec; }
  .icon-circle .text {
    font-size: 28px;
    line-height: 75px;
    font-weight: 600; }

@media screen and (max-width: 767px) {
  .icon-circle {
    width: 65px;
    height: 65px;
    line-height: 75px; }
    .icon-circle .text {
      font-size: 24px;
      line-height: 65px; } }
.icon-play {
  width: 55px;
  height: 55px;
  border: solid 1px #fff;
  border-radius: 55px;
  display: inline-block;
  position: relative; }
  .icon-play:before {
    content: "";
    width: 10px;
    height: 26px;
    border-left: 2px solid #fff;
    border-radius: 5px;
    position: absolute;
    top: 14px;
    left: 19px; }
  .icon-play:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 11px;
    width: 24px;
    height: 21px;
    -webkit-transform: rotate(45deg) skew(-5deg, -5deg);
    transform: rotate(45deg) skew(-5deg, -5deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 5px; }
  .icon-play:hover {
    background-color: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 767px) {
  .icon-play {
    width: 50px;
    height: 50px;
    border-radius: 50px; }
    .icon-play:before {
      width: 10px;
      height: 25px;
      top: 11px;
      left: 17px; }
    .icon-play:after {
      top: 13px;
      left: 9px;
      width: 22px;
      height: 21px; } }
/* ===================================
    Listing styles
====================================== */
/* list style1 */
.list-style1 li {
  margin-bottom: 40px; }
  .list-style1 li:last-child {
    margin-bottom: 0; }
  .list-style1 li h6 {
    margin-bottom: 10px;
    font-weight: 500; }
  .list-style1 li .short-desc {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-left: 30px; }
    .list-style1 li .short-desc p {
      margin-bottom: 0; }

@media screen and (max-width: 991px) {
  .list-style1 li {
    margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
  .list-style1 li .short-desc {
    width: 75%;
    padding-left: 20px; } }
/* list style2 */
.list-style2 li {
  font-size: 16px;
  line-height: 34px;
  padding-left: 30px;
  position: relative; }
  .list-style2 li:last-child {
    margin-bottom: 0; }
  .list-style2 li:before {
    content: "\e64c";
    font-family: 'themify';
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 35px;
    color: #06df9e; }

@media screen and (max-width: 767px) {
  .list-style2 li {
    font-size: 15px;
    line-height: 32px; } }
/* list style3 */
.list-style3 {
  list-style: none;
  margin: 0;
  padding: 0; }
  .list-style3 li {
    position: relative;
    padding: 0 0 8px 40px;
    margin: 0 0 8px 0;
    font-size: 15px; }
    .list-style3 li span {
      position: absolute;
      top: 3px;
      right: 0; }
    .list-style3 li:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .list-style3 li:before {
      content: ""; }
    .list-style3 li i {
      color: #0084e9;
      font-size: 12px;
      background: rgba(0, 132, 233, 0.1);
      margin-right: 12px;
      border-radius: 30px;
      padding: 6px;
      position: absolute;
      left: 0;
      top: 2px;
      line-height: 12px; }

@media screen and (max-width: 767px) {
  .list-style3 li {
    font-size: 15px; } }
/* list style4 */
.list-style4 {
  margin-bottom: 0; }
  .list-style4 li {
    font-size: 15px;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px; }
    .list-style4 li:last-child {
      margin-bottom: 0; }
    .list-style4 li:before {
      content: "\e64c";
      font-family: 'themify';
      font-size: 15px;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 34px;
      color: #06df9e; }

@media screen and (max-width: 767px) {
  .list-style4 li {
    font-size: 14px;
    line-height: 30px; } }
/* list style9 */
.list-style5 {
  margin-bottom: 0;
  padding-bottom: 0; }
  .list-style5 li {
    border-right: 1px solid #d5d5d5;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 14px; }
    .list-style5 li:last-child {
      border-right: none;
      padding-right: 0;
      margin-right: 0; }
    .list-style5 li i {
      padding-right: 10px; }

/* ===================================
    Button styles
====================================== */
/* common styles */
.butn {
  background: #292dc2;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 28px;
  border-radius: 4px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
  -moz-transition: all linear 400ms;
  -o-transition: all linear 400ms;
  transition: all linear 400ms;
  border: none; }
  .butn:hover {
    color: #fff; }

a.butn:hover, a.butn:active {
  color: #fff; }

.butn:before {
  background: #292dc2;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 51%;
  -ms-transform-origin: 51%;
  -o-transform-origin: 51%;
  transform-origin: 51%;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 22px;
  border: none; }
.butn:hover:before, .butn:focus:before, .butn:active:before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1); }
.butn.white {
  color: #292dc2;
  background: #ffffff;
  background: -webkit-linear-gradient(-45deg, #e0e0e0, #ffffff);
  background: -moz-linear-gradient(-45deg, #e0e0e0, #ffffff);
  background: -o-linear-gradient(-45deg, #e0e0e0, #ffffff);
  background: linear-gradient(-45deg, #e0e0e0, #ffffff); }
  .butn.white:hover {
    color: #292dc2; }

a.butn.white:hover, a.butn.white:active {
  color: #292dc2; }

.butn.white:before {
  background: #fff; }
.butn.small {
  font-size: 12px;
  line-height: 18px;
  padding: 12px 24px; }
.butn.very-small {
  padding: 8px 20px;
  font-size: 11px; }

.btn.bordered {
  border: 1px solid #fff;
  background: transparent;
  color: #fff; }

@media screen and (max-width: 767px) {
  .butn {
    padding: 12px 24px;
    font-size: 13px; } }
/* button style one */
.butn.style-one {
  color: #292dc2;
  background: rgba(41, 45, 194, 0.15);
  display: inline-block;
  padding: 11px 28px;
  border-radius: 4px;
  line-height: 28px;
  font-weight: 500;
  text-transform: none; }
  .butn.style-one:before {
    content: none; }
  .butn.style-one:hover, .butn.style-one:active, .butn.style-one.active {
    background: #292dc2;
    color: #fff; }
  .butn.style-one.fill {
    background: #292dc2;
    color: #fff;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 30, 0.15); }
    .butn.style-one.fill:hover {
      box-shadow: none; }
  .butn.style-one.yellow {
    color: #ffcc6f;
    background: rgba(255, 204, 111, 0.3); }
    .butn.style-one.yellow:hover, .butn.style-one.yellow:active, .butn.style-one.yellow.active {
      background: #ffcc6f;
      color: #fff; }
  .butn.style-one.green {
    color: #06df9e;
    background: rgba(6, 223, 158, 0.15); }
    .butn.style-one.green:hover, .butn.style-one.green:active, .butn.style-one.green.active {
      background: #06df9e;
      color: #fff; }
  .butn.style-one.orange {
    color: #ff6262;
    background: rgba(255, 98, 98, 0.15); }
    .butn.style-one.orange:hover, .butn.style-one.orange:active, .butn.style-one.orange.active {
      background: #ff6262;
      color: #fff; }
  .butn.style-one.blue {
    color: #15b2ec;
    background: rgba(21, 178, 236, 0.15); }
    .butn.style-one.blue:hover, .butn.style-one.blue:active, .butn.style-one.blue.active {
      background: #15b2ec;
      color: #fff; }

/* button style two */
.butn.style-two {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 11px 32px;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  text-transform: inherit; }
  .butn.style-two:before {
    content: none; }
  .butn.style-two:hover, .butn.style-two:active, .butn.style-two:focus {
    background: #fff;
    border-radius: 4px;
    color: #232323; }
  .butn.style-two.reverse {
    background: transparent;
    color: #232323;
    border: 1px solid #6f6f6f;
    border-radius: 4px;
    display: inline-block;
    padding: 11px 32px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
    text-transform: inherit; }
  .butn.style-two:before {
    content: none; }
  .butn.style-two.reverse:hover, .butn.style-two.reverse:focus, .butn.style-two.reverse:active {
    background: #232323;
    border-radius: 4px;
    color: #fff; }
  .butn.style-two.small {
    padding: 6px 20px;
    font-size: 13px;
    line-height: 24px; }
  .butn.style-two.medium {
    padding: 8px 22px;
    font-size: 14px;
    line-height: 26px; }
  .butn.style-two.md-lg {
    padding: 11px 28px;
    font-size: 14px;
    line-height: 26px; }
  .butn.style-two.fill {
    background: #292dc2; }
    .butn.style-two.fill:hover, .butn.style-two.fill:active, .butn.style-two.fill:focus {
      color: #fff;
      background: #0084e9; }

@media screen and (max-width: 767px) {
  .butn.style-two {
    padding: 8px 24px; } }
/* button style four */
.butn.style-four {
  background: transparent;
  border: 1px solid #0084e9;
  color: #0084e9;
  border-radius: 4px;
  display: inline-block;
  padding: 11px 32px;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  text-transform: inherit; }
  .butn.style-four:before {
    content: none; }
  .butn.style-four:hover, .butn.style-four:active, .butn.style-four:focus {
    background: #0084e9;
    border-radius: 4px;
    color: #fff; }
  .butn.style-four.reverse {
    color: #fff;
    border: 1px solid #0084e9;
    background: #0084e9; }
  .butn.style-four:before {
    content: none; }
  .butn.style-four.reverse:hover, .butn.style-four.reverse:focus, .butn.style-four.reverse:active {
    background: transparent;
    border-radius: 4px;
    color: #0084e9;
    border: 1px solid #0084e9; }
  .butn.style-four.small {
    padding: 6px 20px;
    font-size: 13px;
    line-height: 24px; }
  .butn.style-four.medium {
    padding: 8px 22px;
    font-size: 14px;
    line-height: 26px; }
  .butn.style-four.md-lg {
    padding: 11px 28px;
    font-size: 14px;
    line-height: 26px; }
  .butn.style-four.fill {
    background: #292dc2; }
    .butn.style-four.fill:hover, .butn.style-four.fill:active, .butn.style-four.fill:focus {
      color: #fff;
      background: #0084e9; }

@media screen and (max-width: 767px) {
  .butn.style-four {
    padding: 8px 24px; } }
/* ===================================
    Navigation
====================================== */
.navbar-nav li a {
  color: #41464c;
  font-size: 15px; }
.navbar-nav li.current > a {
  color: #292dc2; }
.navbar-nav > li.active > a {
  color: #292dc2; }

.navbar > ul > li.current > a:after {
  border-color: transparent #292dc2 #292dc2 transparent; }
.navbar ul ul li.active > a {
  color: #292dc2; }

@media screen and (min-width: 992px) {
  .navbar .sub-title {
    color: #292dc2; }

  .transparent-header .navbar-nav > li.current > a, .transparent-header .navbar-nav > li.active > a {
    color: #fff; }
  .transparent-header.scrollHeader .navbar-nav > li.active > a, .transparent-header.scrollHeader .navbar-nav > li.current > a {
    color: #292dc2; }
  .transparent-header.scrollHeader .navbar > ul > li.has-sub.current > a:after {
    border-color: transparent #292dc2 #292dc2 transparent; } }
@media screen and (max-width: 991px) {
  .navbar ul ul li.active > a {
    color: #292dc2; }

  .navbar-toggler:after {
    border-top: 2px solid #292dc2;
    border-bottom: 2px solid #292dc2; }
  .navbar-toggler:before {
    background: #292dc2; }
  .navbar-toggler.menu-opened:after, .navbar-toggler.menu-opened:before {
    background: #292dc2; }

  .light-header-mobile .navbar-toggler.menu-opened:before {
    background: #fff; }

  .sm-bg-theme-solid {
    background: #292dc2; } }
/* ===================================
    Section heading
====================================== */
/* section heading */
.section-heading {
  margin-bottom: 50px;
  text-align: center; }
  .section-heading.half {
    margin-bottom: 30px; }
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    position: relative;
    margin-bottom: 0;
    font-weight: 600;
    position: relative;
    line-height: 140%; }
  .section-heading.white h1, .section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6 {
    color: #fff; }
  .section-heading.grey h1, .section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6 {
    color: #b7b7b7; }
  .section-heading.grey h1:after, .section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after {
    background: #b7b7b7; }
  .section-heading.left {
    text-align: left; }
  .section-heading strong {
    font-weight: 600; }
  .section-heading.white p {
    color: #fff; }
  .section-heading p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto; }
  .section-heading span {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #292dc2;
    line-height: 200%;
    margin-bottom: 10px; }
  .section-heading.white span {
    color: #fff; }
  .section-heading.grey span {
    color: #b7b7b7; }

@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px; }
    .section-heading p {
      padding-top: 10px;
      font-size: 14px; } }
/* section heading style2 */
.section-heading2 {
  margin-bottom: 70px;
  text-align: center; }
  .section-heading2.half {
    margin-bottom: 30px; }
  .section-heading2 h1, .section-heading2 h2, .section-heading2 h3, .section-heading2 h4, .section-heading2 h5, .section-heading2 h6 {
    position: relative;
    padding-bottom: 15px;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    line-height: 140%; }
  .section-heading2 h1:after, .section-heading2 h2:after, .section-heading2 h3:after, .section-heading2 h4:after, .section-heading2 h5:after, .section-heading2 h6:after {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #292dc2;
    background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
    background: linear-gradient(-45deg, #292dc2, #0084e9);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .section-heading2.white h1, .section-heading2.white h2, .section-heading2.white h3, .section-heading2.white h4, .section-heading2.white h5, .section-heading2.white h6 {
    color: #fff; }
  .section-heading2.white h1:after, .section-heading2.white h2:after, .section-heading2.white h3:after, .section-heading2.white h4:after, .section-heading2.white h5:after, .section-heading2.white h6:after {
    background: #fff; }
  .section-heading2.grey h1, .section-heading2.grey h2, .section-heading2.grey h3, .section-heading2.grey h4, .section-heading2.grey h5, .section-heading2.grey h6 {
    color: #b7b7b7; }
  .section-heading2.grey h1:after, .section-heading2.grey h2:after, .section-heading2.grey h3:after, .section-heading2.grey h4:after, .section-heading2.grey h5:after, .section-heading2.grey h6:after {
    background: #b7b7b7; }
  .section-heading2.left {
    margin-bottom: 30px;
    text-align: left; }
    .section-heading2.left h1, .section-heading2.left h2, .section-heading2.left h3, .section-heading2.left h4, .section-heading2.left h5, .section-heading2.left h6 {
      padding-bottom: 15px; }
    .section-heading2.left h1:after, .section-heading2.left h2:after, .section-heading2.left h3:after, .section-heading2.left h4:after, .section-heading2.left h5:after, .section-heading2.left h6:after {
      margin: 0;
      left: 0; }
  .section-heading2 strong {
    font-weight: 600; }
  .section-heading2.white p {
    color: #fff; }
  .section-heading2 p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto; }
  .section-heading2 span {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #292dc2;
    line-height: 200%;
    margin-bottom: 5px;
    letter-spacing: 1px;
    display: inline-block; }
  .section-heading2.white span {
    color: #fff; }
  .section-heading2.grey span {
    color: #b7b7b7; }

@media screen and (max-width: 991px) {
  .section-heading2 {
    margin-bottom: 30px; }
    .section-heading2 span {
      margin-bottom: 0; } }
@media screen and (max-width: 767px) {
  .section-heading2 p {
    font-size: 14px; } }
/* section heading style3*/
.section-heading3 {
  margin-bottom: 50px;
  text-align: center; }
  .section-heading3.half {
    margin-bottom: 30px; }
  .section-heading3 h1, .section-heading3 h2, .section-heading3 h3, .section-heading3 h4, .section-heading3 h5, .section-heading3 h6 {
    position: relative;
    padding-bottom: 0;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    line-height: 140%; }
  .section-heading3.white h1, .section-heading3.white h2, .section-heading3.white h3, .section-heading3.white h4, .section-heading3.white h5, .section-heading3.white h6 {
    color: #fff; }
  .section-heading3.white h1:after, .section-heading3.white h2:after, .section-heading3.white h3:after, .section-heading3.white h4:after, .section-heading3.white h5:after, .section-heading3.white h6:after {
    background: #fff; }
  .section-heading3.grey h1, .section-heading3.grey h2, .section-heading3.grey h3, .section-heading3.grey h4, .section-heading3.grey h5, .section-heading3.grey h6 {
    color: #b7b7b7; }
  .section-heading3.grey h1:after, .section-heading3.grey h2:after, .section-heading3.grey h3:after, .section-heading3.grey h4:after, .section-heading3.grey h5:after, .section-heading3.grey h6:after {
    background: #b7b7b7; }
  .section-heading3.left {
    margin-bottom: 30px;
    text-align: left; }
    .section-heading3.left h1, .section-heading3.left h2, .section-heading3.left h3, .section-heading3.left h4, .section-heading3.left h5, .section-heading3.left h6 {
      padding-bottom: 15px; }
    .section-heading3.left h1:after, .section-heading3.left h2:after, .section-heading3.left h3:after, .section-heading3.left h4:after, .section-heading3.left h5:after, .section-heading3.left h6:after {
      margin: 0;
      left: 0; }
  .section-heading3 strong {
    font-weight: 600; }
  .section-heading3.white p {
    color: #fff; }
  .section-heading3 p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto; }
  .section-heading3 span {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #292dc2;
    line-height: 200%;
    margin-bottom: 5px;
    letter-spacing: 1px;
    display: inline-block; }
  .section-heading3.white span {
    color: #fff; }
  .section-heading3.grey span {
    color: #b7b7b7; }

@media screen and (max-width: 991px) {
  .section-heading3 {
    margin-bottom: 30px; }
    .section-heading3 span {
      margin-bottom: 0; } }
@media screen and (max-width: 767px) {
  .section-heading3 p {
    font-size: 14px; } }
/* section heading style4*/
.section-title .title-count {
  position: absolute;
  text-align: center;
  font-weight: bolder;
  top: -18px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  font-size: 160px;
  z-index: 0;
  opacity: 0.1;
  color: #999;
  width: 160px;
  height: 160px;
  line-height: 160px; }

@media screen and (max-width: 991px) {
  .section-title .title-count {
    font-size: 130px;
    line-height: 130px; } }
@media screen and (max-width: 767px) {
  .section-title .title-count {
    font-size: 110px;
    line-height: 110px; } }
/* ===================================
    Main banner styles
====================================== */
/* banner creative */
.banner-creative {
  padding: 15% 0; }
  .banner-creative .banner-img img {
    position: absolute;
    left: -15px;
    top: -38%; }
  .banner-creative .btn-play {
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: auto;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .banner-creative .btn-play:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      background: #fff;
      opacity: .19;
      z-index: 1; }
    .banner-creative .btn-play i {
      padding-left: 5px;
      position: relative;
      z-index: 2; }
  .banner-creative .header-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    .banner-creative .header-shape img {
      max-width: none; }
  .banner-creative .btn-play-theme {
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #292dc2;
    margin: auto;
    display: inline-block;
    border: 2px solid #292dc2;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .banner-creative .btn-play-theme:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      background: #fff;
      opacity: .19;
      z-index: 1; }
    .banner-creative .btn-play-theme i {
      padding-left: 5px;
      position: relative;
      z-index: 2; }

@media screen and (max-width: 1399px) {
  .banner-creative {
    padding: 17% 0; } }
@media screen and (max-width: 1199px) {
  .banner-creative .banner-img img {
    top: -18%; } }
@media screen and (max-width: 991px) {
  .banner-creative {
    padding: 50px 0 50px 0; }
    .banner-creative .banner-img img {
      position: relative;
      width: auto;
      float: none !important;
      left: 0; } }
@media screen and (max-width: 767px) {
  .banner-creative {
    padding: 30px 0; }
    .banner-creative .btn-play, .banner-creative .btn-play-theme {
      width: 40px;
      height: 40px;
      line-height: 36px;
      font-size: 16px; } }
/* shape animation */
.shape-five {
  position: absolute;
  bottom: 5%;
  left: 38%;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #e5a9ff;
  -webkit-animation: rotate3d 10s linear infinite;
  -moz-animation: rotate3d 10s linear infinite;
  -o-animation: rotate3d 10s linear infinite;
  animation: rotate3d 10s linear infinite; }

.triangle-shape {
  top: 15%;
  left: 36%;
  position: absolute;
  animation: animationFramesOne 30s infinite linear;
  opacity: .5;
  position: relative;
  background-color: #0ee8af;
  text-align: left;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%; }
  .triangle-shape:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
  .triangle-shape:after, .triangle-shape:before {
    content: '';
    position: absolute;
    background-color: inherit; }
  .triangle-shape:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }
  .triangle-shape:before {
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }
  .triangle-shape:after, .triangle-shape:before {
    content: '';
    position: absolute;
    background-color: inherit; }

.square-shape {
  opacity: .5;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #007cb7;
  position: absolute;
  top: 23%;
  left: 8%;
  animation: animationFramesTwo 13s infinite linear; }
  .square-shape:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: 10px;
    border: 10px solid transparent;
    border-top-color: #007cb7; }

.square-shape-two {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #a3eead;
  bottom: 42%;
  left: 6%;
  animation: animationFramesTwo 25s infinite linear; }

.shape-six {
  background: rgba(41, 45, 194, 0.2);
  top: 40%;
  right: 85px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: spin1 2s infinite alternate;
  animation: spin1 2s infinite alternate;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%; }

.right-align {
  right: 5%;
  left: inherit; }

.left-align {
  left: 5%;
  right: inherit; }

.bottom-align {
  bottom: 0;
  top: inherit; }

.top-align {
  top: 0;
  bottom: inherit; }

@keyframes spin1 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@keyframes animationFramesOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg); }
  20% {
    transform: translate(73px, -1px) rotate(36deg); }
  40% {
    transform: translate(141px, 72px) rotate(72deg); }
  60% {
    transform: translate(83px, 122px) rotate(108deg); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    transform: translate(0px, 0px) rotate(0deg); } }
@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg); } }
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); } }
@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } }
/*creative-banner-area*/
.creative-banner-area {
  width: 100%;
  position: relative;
  margin-bottom: 200px; }
  .creative-banner-area .container {
    position: absolute;
    left: 50%;
    top: 40%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9; }
  .creative-banner-area .btn-play {
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: auto;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    z-index: 3; }
    .creative-banner-area .btn-play:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      background: #fff;
      opacity: .19;
      z-index: 1; }
    .creative-banner-area .btn-play i {
      padding-left: 5px;
      position: relative;
      z-index: 2; }
  .creative-banner-area .banner-content-img {
    width: 55%;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: -215px;
    right: 0;
    z-index: 9;
    left: 0;
    margin: 0 auto; }
  .creative-banner-area .header-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
    .creative-banner-area .header-shape img {
      max-width: none; }

@media screen and (max-width: 1599px) {
  .creative-banner-area .banner-content-img {
    bottom: -125px; } }
@media screen and (max-width: 1399px) {
  .creative-banner-area .container {
    top: 50%; }
  .creative-banner-area .banner-content-img {
    bottom: -250px; } }
@media screen and (max-width: 1199px) {
  .creative-banner-area {
    margin-bottom: 160px; }
    .creative-banner-area .banner-content-img {
      bottom: -150px; } }
@media screen and (max-width: 991px) {
  .creative-banner-area {
    margin-bottom: 150px; } }
@media screen and (max-width: 767px) {
  .creative-banner-area {
    margin-bottom: 90px; }
    .creative-banner-area .container {
      top: 45%; }
    .creative-banner-area .banner-content-img {
      bottom: -90px;
      width: 75%; } }
/*creative-banner-area1*/
.creative-banner-area1 {
  width: 100%;
  position: relative;
  margin-bottom: 220px;
  padding: 5% 0 25% 0; }
  .creative-banner-area1 .container {
    margin-bottom: 50px; }
  .creative-banner-area1 .header-text h1 {
    font-size: 58px;
    font-weight: 700;
    color: #383838;
    line-height: 80px;
    margin-bottom: 30px; }
  .creative-banner-area1 .banner-content-img {
    width: 55%;
    height: auto;
    text-align: center;
    position: absolute;
    bottom: -200px;
    right: 0;
    z-index: 9;
    left: 0;
    margin: 0 auto; }
  .creative-banner-area1 .header-shape img {
    max-width: none; }

@media screen and (max-width: 1199px) {
  .creative-banner-area1 {
    margin-bottom: 180px; }
    .creative-banner-area1 .header-text h1 {
      line-height: 70px;
      font-size: 52px; }
    .creative-banner-area1 .banner-content-img {
      bottom: -150px; } }
@media screen and (max-width: 991px) {
  .creative-banner-area1 {
    margin-bottom: 160px; }
    .creative-banner-area1 .header-text h1 {
      line-height: 65px;
      font-size: 42px;
      margin-bottom: 15px; }
    .creative-banner-area1 .banner-content-img {
      bottom: -150px; } }
@media screen and (max-width: 767px) {
  .creative-banner-area1 .banner-content-img {
    bottom: -120px;
    width: 60%; }
  .creative-banner-area1 .header-text h1 {
    line-height: 46px;
    font-size: 32px;
    margin-bottom: 15px; } }
@media screen and (max-width: 575px) {
  .creative-banner-area1 {
    padding: 10% 0 25% 0;
    margin-bottom: 100px; }
    .creative-banner-area1 .header-text h1 {
      line-height: 36px;
      font-size: 24px;
      margin-bottom: 15px; }
    .creative-banner-area1 .banner-content-img {
      bottom: -100px;
      width: 80%; } }
.home_bubble .bubble {
  position: absolute;
  border-radius: 50%; }
  .home_bubble .bubble.b_one, .home_bubble .bubble.b_four {
    width: 10px;
    height: 10px; }
  .home_bubble .bubble.b_two, .home_bubble .bubble.b_five {
    width: 30px;
    height: 30px; }
  .home_bubble .bubble.b_three, .home_bubble .bubble.b_six {
    width: 14px;
    height: 14px; }
  .home_bubble .bubble.b_two {
    background: #a485fd;
    top: 58%;
    left: 155px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: spin1 2s infinite alternate;
    animation: spin1 2s infinite alternate; }
  .home_bubble .bubble.b_three {
    background: #ff6262;
    top: 85%;
    left: 255px;
    -webkit-animation: spin1 1s infinite alternate;
    animation: spin1 1s infinite alternate; }
  .home_bubble .bubble.b_four {
    background: #d27dfa;
    top: 40%;
    right: 85px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: spin1 2s infinite alternate;
    animation: spin1 2s infinite alternate; }
  .home_bubble .bubble.b_six {
    background: #f1d53b;
    top: 85%;
    right: 55px;
    -webkit-animation: spin2 2s infinite alternate;
    animation: spin2 2s infinite alternate; }

.square-shape1 {
  opacity: .5;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #007cb7;
  position: absolute;
  top: 50%;
  right: 155px;
  animation: spin1 3s infinite alternate; }
  .square-shape1:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    top: 10px;
    border: 10px solid transparent;
    border-top-color: #007cb7; }

.square-shape2 {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #00c99c;
  top: 40%;
  left: 85px;
  animation: spin2 2s infinite alternate; }

@media screen and (max-width: 575px) {
  .square-shape2 {
    left: 20px; } }
.triangle-shape1 {
  left: 25%;
  top: 400px;
  position: absolute;
  opacity: .5;
  position: relative;
  background-color: #0ee8af;
  text-align: left;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%; }
  .triangle-shape1:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
  .triangle-shape1:after, .triangle-shape1:before {
    content: '';
    position: absolute;
    background-color: inherit; }
  .triangle-shape1:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }
  .triangle-shape1:before {
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }

.triangle-shape2 {
  right: -70%;
  top: 600px;
  position: absolute;
  opacity: .5;
  position: relative;
  background-color: #fca249;
  text-align: left;
  -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
  width: 15px;
  height: 15px;
  border-top-right-radius: 30%;
  animation: spin2 2s infinite alternate; }
  .triangle-shape2:before {
    -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
    transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%); }
  .triangle-shape2:after, .triangle-shape2:before {
    content: '';
    position: absolute;
    background-color: inherit; }
  .triangle-shape2:after {
    -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }
  .triangle-shape2:before {
    width: 15px;
    height: 15px;
    border-top-right-radius: 30%; }

@-webkit-keyframes spin1 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes spin1 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
@keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 200px 0 160px;
  text-align: center;
  background: #292dc2; }
  .page-title-section h1 {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0; }
  .page-title-section ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center; }
    .page-title-section ul li {
      display: inline-block; }
      .page-title-section ul li:last-child a {
        font-weight: 600;
        opacity: 1; }
      .page-title-section ul li:after {
        content: '\f105';
        font-weight: 700;
        vertical-align: middle;
        font-family: Font Awesome\ 5 Free;
        padding: 0 12px 0 10px; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li a {
        font-size: 14px;
        font-weight: 500; }
  .page-title-section .active a, .page-title-section li.active:last-child a {
    color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 170px 0 140px; }
    .page-title-section h1 {
      font-size: 36px;
      line-height: 42px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 130px 0 120px; }
    .page-title-section h1 {
      font-size: 32px;
      line-height: 40px; }
    .page-title-section ul {
      margin-top: 5px; }
      .page-title-section ul li a {
        font-size: 13px; } }
@media screen and (max-width: 767px) {
  .page-title-section {
    padding: 120px 0 100px; } }
/* breadcrumbs */
.breadcrumbs-custom-aside {
  text-align: center;
  position: absolute;
  bottom: -33px;
  right: 0;
  left: 0;
  z-index: 9; }

.breadcrumbs-custom-path {
  position: relative;
  top: -12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 35px;
  background: #f8f8f8;
  border-radius: 4px; }
  .breadcrumbs-custom-path li a {
    color: #000;
    font-size: 14px;
    font-weight: 500; }
  .breadcrumbs-custom-path li:last-child a {
    color: #292dc2;
    font-weight: 600; }
  .breadcrumbs-custom-path li:after {
    content: '\f105';
    font-weight: 700;
    vertical-align: middle;
    color: #292dc2;
    font-family: Font Awesome\ 5 Free;
    padding: 0 10px 0 10px; }
  .breadcrumbs-custom-path li:last-child:after {
    display: none; }

/* ===================================
    Feature boxes
====================================== */
/* feature image */
.feature-img {
  text-align: center;
  position: relative;
  z-index: 1; }
  .feature-img .circle {
    bottom: 0;
    left: -86px;
    right: auto;
    width: 500px;
    height: 500px;
    background: #d8a608;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    opacity: 0.06; }
    .feature-img .circle.two {
      right: 60px;
      width: 370px;
      height: 370px;
      left: 120px;
      bottom: inherit;
      background: #d8a608;
      top: -40px;
      z-index: -2;
      opacity: 0.06;
      position: absolute;
      border-radius: 100%; }
  .feature-img.right-align .circle {
    background: #d8a608;
    right: -126px;
    opacity: .06;
    left: auto; }
    .feature-img.right-align .circle.two {
      left: 25px;
      right: auto;
      top: 94px;
      z-index: -2; }

@media screen and (max-width: 1199px) {
  .feature-img .circle {
    width: 450px;
    height: 450px; }
    .feature-img .circle.two {
      width: 300px;
      height: 300px; } }
@media screen and (max-width: 991px) {
  .feature-img {
    left: 0;
    right: 0;
    margin: 0 auto; }
    .feature-img.right-align .circle.two {
      left: auto;
      right: 25px;
      top: -50px; } }
@media screen and (max-width: 575px) {
  .feature-img .circle {
    width: 80%;
    height: 80%; }
    .feature-img .circle.two {
      width: 150px;
      height: 150px; } }
/* feature block 01*/
.features-block1 {
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  border-radius: 4px;
  margin: 0px 10px 0px 0px;
  position: relative;
  z-index: 5;
  padding: 55px 35px 45px 35px;
  transition: all 0.6s linear;
  height: 100%; }
  .features-block1 .icon {
    font-size: 40px; }
  .features-block1 h5 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px; }
  .features-block1 p {
    font-size: 16px;
    line-height: 28px; }
  .features-block1 .title-box {
    margin: 0 0 50px 0; }
  .features-block1 i {
    transition: all 0.3s linear; }
  .features-block1:hover {
    opacity: 1;
    transform: translate(0%, 0%);
    transition: all 1.3s linear;
    box-shadow: 0px 0px 20px -5px #a19ca1; }
  .features-block1 .title-box {
    padding: 0;
    text-align: unset;
    margin: 35px 0 30px 0; }
  .features-block1 .box-circle {
    top: -35px;
    right: 0;
    bottom: 0;
    left: unset;
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 50%;
    transition: all 0.8s ease-in-out; }
  .features-block1:hover .box-circle {
    width: 60px;
    height: 60px; }

@media screen and (max-width: 1199px) {
  .features-block1 {
    padding: 45px 30px 40px 30px; }
    .features-block1 .title-box {
      font-size: 56px; }
    .features-block1 h5 {
      font-size: 20px;
      margin-bottom: 25px; }
    .features-block1 p {
      font-size: 15px; }
    .features-block1 .icon {
      font-size: 36px; } }
@media screen and (max-width: 991px) {
  .features-block1 {
    margin-right: 0; }
    .features-block1 h5 {
      margin-bottom: 20px; }
    .features-block1 .icon {
      font-size: 32px; } }
@media screen and (max-width: 767px) {
  .features-block1 {
    padding: 35px 30px 30px 30px; }
    .features-block1 .title-box {
      margin-bottom: 20px;
      font-size: 52px; }
    .features-block1 .box-circle {
      top: -28px;
      right: 7px;
      width: 70px;
      height: 70px; }
    .features-block1:hover .box-circle {
      width: 55px;
      height: 55px; } }
@media screen and (max-width: 575px) {
  .features-block1 {
    padding: 25px; }
    .features-block1 h5 {
      font-size: 18px; }
    .features-block1 .title-box {
      font-size: 48px; }
    .features-block1 h5 {
      margin-bottom: 15px; } }
/* feature block 02*/
.features-block2 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  margin: 0px 10px 0px 0px;
  padding: 55px 35px 70px 35px;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all .4s ease; }
  .features-block2 .icon-box5 i {
    font-size: 54px;
    background: -webkit-linear-gradient(#292dc2, #0084e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .features-block2 .icon-box4 {
    height: 60px;
    width: 60px;
    font-size: 26px;
    box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
    border-radius: 4px;
    position: relative;
    text-align: center;
    display: inline-block;
    line-height: 63px; }
    .features-block2 .icon-box4:after {
      width: 76px;
      height: 76px;
      content: "";
      position: absolute;
      top: -8px;
      left: -8px;
      opacity: 0.8;
      border-radius: 5px;
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      transition: all 0.3s;
      border: 2px solid transparent; }
  .features-block2:before {
    content: '';
    width: 191px;
    height: 191px;
    border-radius: 50%;
    background: rgba(41, 45, 194, 0.1);
    opacity: 0;
    position: absolute;
    transition: all .4s ease .2s;
    top: 0;
    right: 0;
    transform: translate(60%, -60%);
    z-index: -1; }
  .features-block2:after {
    content: '';
    width: 191px;
    height: 191px;
    border-radius: 50%;
    background: rgba(41, 45, 194, 0.1);
    opacity: 0;
    position: absolute;
    transition: all .4s ease .2s;
    bottom: 0;
    left: 0;
    transform: translate(-60%, 60%);
    z-index: -1; }
  .features-block2:hover:before {
    transform: translate(30%, -30%);
    opacity: 1; }
  .features-block2:hover:after {
    transform: translate(-30%, 30%);
    opacity: 1; }
  .features-block2 .bg2 {
    background: #f7864e; }
  .features-block2 .icon {
    font-size: 40px;
    position: absolute;
    bottom: 50px;
    left: 35px; }
  .features-block2 h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px; }
  .features-block2 p {
    font-size: 15px;
    line-height: 28px; }
  .features-block2:hover {
    opacity: 1;
    transform: translate(0%, 0%);
    transition: all 0.3s;
    box-shadow: 0px 0px 20px -5px #a19ca1; }

@media screen and (max-width: 1199px) {
  .features-block2 {
    padding: 40px 30px 50px 30px; }
    .features-block2 h5 {
      font-size: 20px;
      margin-bottom: 25px; }
    .features-block2 .icon {
      font-size: 36px;
      bottom: 40px;
      left: 25px; } }
@media screen and (max-width: 991px) {
  .features-block2 {
    margin-right: 0;
    padding: 35px 25px 50px 25px; }
    .features-block2 h5 {
      margin-bottom: 20px; }
    .features-block2 .icon {
      font-size: 32px;
      bottom: 30px; } }
@media screen and (max-width: 575px) {
  .features-block2 .icon-box5 i {
    font-size: 48px; }
  .features-block2 h5 {
    font-size: 18px;
    margin-bottom: 15px; } }
/* feature block 03*/
.features-block3 {
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  border-radius: 5px;
  padding: 50px 25px;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.15s;
  z-index: 5; }
  .features-block3 h5 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px; }
  .features-block3 p {
    font-size: 16px;
    line-height: 28px; }
  .features-block3 .icon-circle {
    vertical-align: top;
    width: 75px;
    height: 75px;
    background: rgba(41, 45, 194, 0.1);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 85px;
    color: #292dc2;
    margin-bottom: 30px; }
    .features-block3 .icon-circle i {
      font-size: 28px; }

.icon-circle span {
  font-size: 28px; }

.features-block3 .icon-circle.green {
  background: rgba(6, 223, 158, 0.1);
  color: #06df9e;
  border: 1px solid #06df9e; }
.features-block3 .icon-circle.orange {
  background: rgba(255, 98, 98, 0.1);
  color: #ff6262;
  border: 1px solid #ff6262; }
.features-block3 .icon-circle.blue {
  background: rgba(21, 178, 236, 0.1);
  color: #15b2ec;
  border: 1px solid #15b2ec; }
.features-block3 .icon-circle .text {
  font-size: 28px;
  line-height: 75px;
  font-weight: 600; }
.features-block3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #292dc2, #0084e9);
  z-index: -3;
  opacity: 0;
  transition: all 0.6s linear;
  border-radius: 4px;
  width: 100%;
  height: 100%; }
.features-block3:hover:after {
  opacity: 1; }
.features-block3:hover h5, .features-block3:hover p, .features-block3:hover a {
  color: #fff; }
.features-block3:hover .icon-circle.green, .features-block3:hover .icon-circle.orange, .features-block3:hover .icon-circle.blue {
  color: #fff;
  border: 1px solid #fff;
  background: transparent; }

@media screen and (max-width: 1199px) {
  .features-block3 {
    padding: 35px 25px 25px 25px; }
    .features-block3 h5 {
      font-size: 20px;
      margin-bottom: 25px; }
    .features-block3 p {
      font-size: 15px; } }
@media screen and (max-width: 991px) {
  .features-block3 {
    margin-right: 0; }
    .features-block3 h5 {
      margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  .features-block3 .icon-circle {
    width: 65px;
    height: 65px;
    line-height: 75px; }
    .features-block3 .icon-circle .text {
      font-size: 24px;
      line-height: 65px; } }
@media screen and (max-width: 575px) {
  .features-block3 {
    padding: 25px; }
    .features-block3 h5 {
      font-size: 18px;
      margin-bottom: 15px; } }
/* ===================================
    Service blocks
====================================== */
.service-block1 {
  padding: 0 5%; }
  .service-block1 p {
    margin-bottom: 0;
    line-height: 30px;
    margin: 0 auto; }
  .service-block1 h5 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px; }
  .service-block1 .icon-box4 {
    margin-bottom: 30px;
    font-size: 54px; }
  .service-block1 .blue {
    color: #1767e4; }
  .service-block1 .orange {
    color: #f7864e; }
  .service-block1 .sky {
    color: #35c3ec; }
  .service-block1 .yellow {
    color: #e8bb20; }
  .service-block1 .pink {
    color: #f94897; }
  .service-block1 .green {
    color: #5abb29; }

.service-detail .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px; }

@media screen and (max-width: 1199px) {
  .service-block1 {
    padding: 0 4%; }
    .service-block1 .icon-box4 {
      font-size: 50px; } }
@media screen and (max-width: 991px) {
  .service-block1 .icon-box4 {
    font-size: 48px; } }
@media screen and (max-width: 767px) {
  .service-block1 h5 {
    font-size: 18px; }
  .service-block1 .icon-box4 {
    font-size: 46px;
    margin-bottom: 25px; } }
@media screen and (max-width: 575px) {
  .service-block1 h5 {
    margin-bottom: 10px; }
  .service-block1 .icon-box4 {
    font-size: 44px;
    margin-bottom: 20px; } }
/* ===================================
    Counter box
====================================== */
.counter-box h3, .counter-box h4 {
  display: inline-block;
  font-weight: 600; }

.social-icons a:hover {
  opacity: 1; }

.counter-box {
  position: relative;
  text-align: center; }
  .counter-box h3:after {
    content: '+'; }
  .counter-box h4 {
    font-size: 28px;
    line-height: normal;
    margin: 0; }
    .counter-box h4:after {
      content: '+'; }
  .counter-box h3 {
    font-size: 45px; }

@media screen and (max-width: 767px) {
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px; }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box h4 {
    font-size: 22px; } }
/* ===================================
    Testmonial
====================================== */
/* testimonial style1 */
.testmonial-style1 {
  margin-top: -30px; }
  .testmonial-style1 .testmonial-block3 {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
    padding: 45px 40px;
    margin: 30px 24px 40px;
    position: relative; }
    .testmonial-style1 .testmonial-block3 p {
      margin-top: 50px;
      margin-bottom: 10px;
      font-size: 15px;
      line-height: 30px; }
  .testmonial-style1 .quote {
    position: absolute;
    top: 30px;
    font-size: 124px;
    opacity: 0.2;
    line-height: 130px; }

@media screen and (max-width: 1199px) {
  .testmonial-style1 .testmonial-block3 {
    padding: 45px 25px; } }
@media screen and (max-width: 767px) {
  .testmonial-style1 .testmonial-block3 {
    padding: 35px 20px; } }
@media screen and (max-width: 575px) {
  .testmonial-style1 {
    margin-top: -5px; } }
/*testmonial-style2*/
.testmonial-style2 .client-detail {
  position: relative;
  display: block;
  background: #fff;
  padding: 0px 30px 45px 60px;
  margin: 50px 25px 30px 25px;
  border-radius: 4px;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }
.testmonial-style2 .client-img {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 35px;
  margin-top: -35px;
  top: -15px;
  transition: all 500ms ease; }
.testmonial-style2 p {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  margin-bottom: 24px;
  z-index: 1; }
  .testmonial-style2 p:before {
    position: absolute;
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-size: 40px;
    font-weight: 600;
    left: 20px;
    top: -3px;
    color: #f0f2f5;
    z-index: -1; }

@media screen and (max-width: 991px) {
  .testmonial-style2 .client-detail {
    padding: 0px 30px 35px 60px; }
  .testmonial-style2 .client-img {
    margin-bottom: 25px; }
  .testmonial-style2 p {
    margin-bottom: 15px;
    font-size: 16px; } }
@media screen and (max-width: 575px) {
  .testmonial-style2 .client-detail {
    padding: 0px 25px 30px 35px; }
  .testmonial-style2 .client-img {
    margin-bottom: 20px; }
  .testmonial-style2 p {
    margin-bottom: 12px;
    font-size: 15px; } }
/* ===================================
    Owl carousel
====================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 20px; }
  .custom-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 5px 0 5px;
    background: none;
    cursor: pointer;
    display: block;
    border: 1px solid #6E6E6F;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    border-radius: 30px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s; }
    .custom-dot span:hover {
      background: #aaa;
      -webkit-backface-visibility: visible;
      -moz-backface-visibility: visible;
      -o-backface-visibility: visible;
      border-radius: 30px; }
  .custom-dot.active span {
    width: 12px;
    height: 12px;
    background: #292dc2;
    border-color: #292dc2;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s; }

.owl-nav i {
  color: #232323;
  font-size: 18px;
  padding-top: 6px; }
.owl-nav .owl-next {
  color: #292dc2;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important; }
.owl-nav .owl-prev {
  color: #292dc2;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }
.owl-nav .owl-next {
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

@media screen and (max-width: 767px) {
  .custom-dot {
    margin-top: 15px; } }
/* ===================================
    Team member
====================================== */
.team-block1 {
  box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.48);
  background: #fff;
  overflow: hidden;
  transition: all .3s ease;
  z-index: 1;
  position: relative;
  border-radius: 5px; }
  .team-block1 .team-img {
    overflow: hidden;
    position: relative; }
    .team-block1 .team-img:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: linear-gradient(to top, #222, transparent);
      transition: all .4s;
      opacity: .5; }
  .team-block1:hover .team-img:after {
    opacity: 1; }
  .team-block1 .team-icons {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    text-align: center;
    transition: opacity .3s,bottom .3s;
    display: block;
    opacity: 0; }
    .team-block1 .team-icons i {
      background: #fff;
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 50px;
      margin-left: 10px; }
  .team-block1:hover .team-icons {
    opacity: 1;
    bottom: 28%; }

@media screen and (max-width: 1199px) {
  .team-block1:hover .team-icons {
    bottom: 33%; } }
@media screen and (max-width: 991px) {
  .team-block1:hover .team-icons {
    bottom: 25%; } }
@media screen and (max-width: 767px) {
  .team-block1:hover .team-icons {
    bottom: 30%; } }
/* ===================================
    Project grid
====================================== */
/* filtering */
.filtering {
  margin-bottom: 10px; }
  .filtering span {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px; }
    .filtering span:last-child {
      margin: 0; }
  .filtering .active {
    border-color: #292dc2;
    color: #292dc2; }

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px; } }
/*============================== 
    Portfolio
================================*/
.portfolio {
  overflow: hidden; }
  .portfolio .filtering span {
    margin-right: 20px;
    color: #333;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid transparent; }
    .portfolio .filtering span:last-child {
      margin: 0; }
  .portfolio .filtering .active {
    border-color: #292dc2;
    color: #292dc2; }
  .portfolio .items {
    margin-top: 20px; }
  .portfolio .item-img {
    position: relative;
    overflow: hidden; }
    .portfolio .item-img img {
      width: 100%; }
    .portfolio .item-img:hover .item-img-overlay {
      opacity: 1;
      transform: translateY(0); }
    .portfolio .item-img:hover h6 {
      transform: translateY(0); }
    .portfolio .item-img h6 {
      font-weight: 600;
      position: relative;
      font-size: 16px;
      margin-bottom: 0;
      transform: translateY(-15px);
      transition: all 0.5s; }
    .portfolio .item-img p {
      margin-bottom: 8px; }
    .portfolio .item-img .fa {
      background: #292dc2;
      border: 1px solid #292dc2;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 30px;
      line-height: 28px;
      width: 30px;
      transition: all 0.5s; }
      .portfolio .item-img .fa:hover {
        background: #fff;
        color: #292dc2; }
  .portfolio .item-img-overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: rgba(255, 255, 255, 0.95);
    color: #35424C;
    opacity: 0;
    transition: all 0.5s;
    z-index: 2;
    transform: translateY(10px); }

/* project single */
.project-single-text h4:after {
  content: " ";
  background: #292dc2;
  height: 2px; }
.project-single-text p {
  font-weight: 400;
  line-height: 1.8; }
.project-single-text h5 {
  color: #232323;
  font-size: 18px;
  font-weight: 500;
  margin: 25px 0 20px; }
  .project-single-text h5:after {
    display: block;
    width: 70px;
    margin-top: 8px;
    content: " ";
    background: #292dc2;
    height: 2px; }
.project-single-text ul li {
  color: #232323;
  font-size: 15px;
  font-weight: 500; }
  .project-single-text ul li i {
    color: #292dc2;
    font-weight: 500;
    font-size: 15px;
    padding-right: 10px; }

.project-single-info {
  display: block;
  width: 100%; }
  .project-single-info ul li {
    color: #777;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px dashed #cee1f8;
    padding: 12px 0;
    margin-right: 20px; }
    .project-single-info ul li span {
      display: inline-block;
      color: #232323;
      font-size: 15px;
      font-weight: 500;
      margin-right: 25px;
      width: 70px;
      max-width: 100%; }
    .project-single-info ul li .value {
      width: auto;
      margin-right: 0;
      color: #6f6f6f; }

.project-single-img {
  padding-bottom: 30px; }

.project-single-text .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .portfolio {
    overflow: hidden; }
    .portfolio .filtering {
      margin-bottom: 5px; }
      .portfolio .filtering span {
        margin-right: 15px;
        font-size: 12px; } }
/* ===================================
    Accordion style
====================================== */
.accordion-style {
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.48);
  border-radius: 4px; }
  .accordion-style .card .counts {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-weight: 600;
    vertical-align: middle;
    line-height: 30px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    text-align: center;
    background: #292dc2;
    background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
    background: linear-gradient(-45deg, #292dc2, #0084e9);
    color: #fff;
    font-size: 12px;
    margin-right: 10px; }
  .accordion-style .card .item-title {
    display: inline-block;
    vertical-align: middle;
    width: 88%; }
  .accordion-style .card-header:hover {
    background-color: #f7f7f7; }
  .accordion-style .card {
    background: #fff;
    box-shadow: none;
    margin-top: 0 !important;
    border: none !important; }
    .accordion-style .card:last-child {
      border: none; }
  .accordion-style .card-header {
    border: 0px;
    padding: 0;
    transition: all 0.3s ease 0s;
    background: #fff; }
  .accordion-style .btn-link {
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    color: #6f6f6f;
    display: block;
    text-decoration: none !important;
    margin: 0;
    cursor: pointer;
    padding: 15px 20px;
    border-bottom: 1px dashed #cee1f8;
    white-space: normal;
    width: 100%; }
  .accordion-style .card:last-child .btn-link.collapsed {
    border-bottom: transparent; }
  .accordion-style .btn-link {
    background: #292dc2;
    background: -webkit-linear-gradient(180deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(180deg, #292dc2, #0084e9);
    background: -o-linear-gradient(180deg, #292dc2, #0084e9);
    background: linear-gradient(180deg, #292dc2, #0084e9);
    color: #fff;
    border-bottom: transparent;
    border-left: none !important; }
    .accordion-style .btn-link.collapsed {
      box-shadow: none;
      background: none;
      color: #6f6f6f;
      border-bottom: 1px dashed #cee1f8; }
  .accordion-style .btn:not(:disabled):not(.disabled).active, .accordion-style .btn:not(:disabled):not(.disabled):active {
    background: #292dc2;
    background: -webkit-linear-gradient(180deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(180deg, #292dc2, #0084e9);
    background: -o-linear-gradient(180deg, #292dc2, #0084e9);
    background: linear-gradient(180deg, #292dc2, #0084e9);
    color: #fff;
    /*border-bottom: transparent; */
    border-left: none !important; }
  .accordion-style .btn-link.collapsed .counts {
    background: transparent;
    border: 1px solid #cee1f8;
    color: #292dc2; }
  .accordion-style .btn-link .counts {
    background: #fff;
    border: 1px solid #cee1f8;
    color: #292dc2; }
  .accordion-style .btn:not(:disabled):not(.disabled).active .counts, .accordion-style .btn:not(:disabled):not(.disabled):active .counts {
    background: #fff;
    border: 1px solid #cee1f8;
    color: #292dc2; }
  .accordion-style .card:last-child {
    border-bottom: 1px dashed #cee1f8; }
    .accordion-style .card:last-child .show .card-body {
      border-bottom: transparent; }
  .accordion-style .card-body {
    padding: 20px;
    border-bottom: 1px dashed #cee1f8;
    text-align: left;
    line-height: 30px; }
  .accordion-style .btn:not(:disabled):not(.disabled):active {
    background: #292dc2;
    background: -webkit-linear-gradient(180deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(180deg, #292dc2, #0084e9);
    background: -o-linear-gradient(180deg, #292dc2, #0084e9);
    background: linear-gradient(180deg, #292dc2, #0084e9); }

@media screen and (max-width: 991px) {
  .accordion-style .btn-link {
    font-size: 14px;
    padding: 12px 18px; }
  .accordion-style .card .counts {
    margin-right: 8px; } }
@media screen and (max-width: 767px) {
  .accordion-style .card .item-title {
    width: 80%; }
  .accordion-style .btn-link {
    font-size: 14px;
    padding: 12px 15px; } }
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 8px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: 180px;
  color: #000; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: rgba(41, 45, 194, 0.15);
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    margin-bottom: 10px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    color: #292dc2; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 50px 0 0 0; }

.resp-tabs-list li.resp-tab-active {
  padding: 15px 20px 13px 20px;
  color: #292dc2;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  -webkit-border-radius-topleft: 5px;
  -moz-border-radius-topleft: 5px;
  -o-border-radius-topleft: 5px;
  -webkit-border-radius-topright: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .resp-tabs-list li.resp-tab-active i {
    background: #292dc2;
    background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
    background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
    background: linear-gradient(-45deg, #292dc2, #0084e9);
    color: #fff; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%; }

h2.resp-accordion {
  background: #fff !important;
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #e4e4e4;
  border-top: 0px solid #e4e4e4;
  margin: 0px;
  padding: 15px 21px;
  float: left;
  width: 100%; }
h2.resp-tab-active {
  border-bottom: 0px solid #e4e4e4 !important;
  background: #292dc2 !important;
  background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9) !important;
  background: -moz-linear-gradient(-45deg, #292dc2, #0084e9) !important;
  background: -o-linear-gradient(-45deg, #292dc2, #0084e9) !important;
  background: linear-gradient(-45deg, #292dc2, #0084e9) !important;
  color: #fff; }
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e4e4e4 !important;
  background: #292dc2;
  background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
  background: linear-gradient(-45deg, #292dc2, #0084e9); }

.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block; }
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
    /* !important; */ }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block;
  border-color: #e4e4e4 !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #e4e4e4; }
h2.resp-accordion.resp-tab-active {
  border-color: #e4e4e4 !important; }

/* tab-style */
@media screen and (min-width: 992px) {
  .tab-style ul.resp-tabs-list {
    text-align: center; }
    .tab-style ul.resp-tabs-list.text-left {
      padding-left: 15px; }
    .tab-style ul.resp-tabs-list li:last-child {
      margin-right: 0; }
    .tab-style ul.resp-tabs-list li.resp-tab-active {
      color: #292dc2;
      border-bottom: 3px solid #292dc2; }
  .tab-style .resp-tab-content {
    border-top: 1px dashed rgba(41, 45, 194, 0.15) !important;
    border-width: 1px 0 0 0;
    margin-top: -2px; } }
/* change the breakpoint to set the accordion */
@media screen and (max-width: 991px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 12px;
      font-size: 18px;
      min-width: 25px; }
    h2.resp-accordion.resp-tab-active i {
      color: #fff;
      display: inline-block;
      vertical-align: top; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-tab-content {
    background-color: #fff;
    padding: 20px 15px; } }
/* ===================================
    Pricing table
====================================== */
/* price table1 */
.price .item {
  padding: 0 0 50px 0;
  transition: all .3s;
  background: #fff; }
  .price .item:hover {
    box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2); }
.price.price-style1 .item {
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); }
.price .type {
  padding-top: 45px;
  position: relative; }
  .price .type i {
    background: #ffffff;
    border: 1px solid #292dc2;
    border-radius: 100%;
    color: #292dc2;
    display: inline-block;
    font-size: 30px;
    height: 80px;
    line-height: 78px;
    margin-bottom: 15px;
    width: 80px; }

.type .top-btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -20px; }

.price .type h4 {
  color: #232323;
  font-weight: 700;
  text-transform: uppercase; }
.price .value {
  position: relative; }
  .price .value h3 {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0;
    color: #6f6f6f; }
    .price .value h3 span {
      font-size: 18px;
      position: absolute;
      top: -2px;
      left: -12px;
      color: #6f6f6f; }
  .price .value .per {
    font-size: 13px;
    color: #6f6f6f; }
.price .features li {
  padding: 20px 0;
  font-weight: 600;
  font-size: 15px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }
.price .order {
  padding-top: 15px;
  position: relative; }
.price .item.active {
  background: #292dc2;
  background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
  background: linear-gradient(-45deg, #292dc2, #0084e9); }
  .price .item.active h3, .price .item.active h4 {
    color: #fff; }
  .price .item.active .value h3 span, .price .item.active .value .per {
    color: #fff; }
  .price .item.active .features li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    color: #fff; }
  .price .item.active.bg-theme {
    background: #292dc2;
    background: -webkit-linear-gradient(90deg, #292dc2, #0084e9);
    background: -moz-linear-gradient(90deg, #292dc2, #0084e9);
    background: -o-linear-gradient(90deg, #292dc2, #0084e9);
    background: linear-gradient(90deg, #292dc2, #0084e9); }

@media screen and (max-width: 1199px) {
  .price .value h3 {
    font-size: 36px; } }
@media screen and (max-width: 991px) {
  .price .item {
    padding-bottom: 40px; }
  .price .type {
    padding-top: 35px; }
  .price .features li {
    padding: 15px 0;
    font-size: 14px; } }
@media screen and (max-width: 767px) {
  .price .item {
    padding-bottom: 30px; }
  .price .value h3 {
    font-size: 32px; }
    .price .value h3 span {
      font-size: 13px;
      top: 0px;
      left: -10px; }
  .price .value .per {
    font-size: 12px; } }
/* price style2 */
.price-table {
  text-align: center;
  background: #fff;
  padding: 55px 55px 140px 55px;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 100%;
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  border-radius: 4px;
  margin: 0px 10px 0px 0px; }
  .price-table .price-header {
    text-align: center; }
    .price-table .price-header .price {
      font-size: 36px;
      margin-bottom: 30px;
      font-weight: 600;
      letter-spacing: 2px; }
    .price-table .price-header .title {
      font-size: 28px;
      padding-bottom: 15px;
      margin-bottom: 15px; }
    .price-table .price-header .package {
      font-size: 16px;
      padding-bottom: 10px;
      margin-bottom: 10px; }
  .price-table .price-body {
    border-top: 1px dashed #d8dde1;
    padding-top: 40px; }
    .price-table .price-body .feature {
      font-size: 20px;
      color: #303858;
      padding-bottom: 15px; }
    .price-table .price-body ul li {
      font-size: 16px;
      position: relative;
      line-height: 40px;
      display: block;
      padding-bottom: 5px; }
  .price-table .price-footer {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%; }
  .price-table .trial-button {
    display: block;
    text-align: center;
    color: #818386;
    margin-top: 32px; }

@media screen and (max-width: 1199px) {
  .price-table {
    padding: 35px 35px 120px 35px; }
    .price-table .price-header .title {
      margin-bottom: 10px;
      padding-bottom: 10px; }
    .price-table .price-header .price {
      margin-bottom: 25px;
      font-size: 34px; } }
@media screen and (max-width: 991px) {
  .price-table {
    margin-right: 0; }
    .price-table .price-header .title {
      padding-bottom: 0; }
    .price-table .price-header .price {
      margin-bottom: 20px;
      font-size: 30px; }
    .price-table .price-body {
      padding-top: 30px; } }
@media screen and (max-width: 575px) {
  .price-table {
    padding: 25px 15px 120px 15px; }
    .price-table .price-header .price {
      margin-bottom: 15px;
      font-size: 26px; }
    .price-table .price-header .package {
      font-size: 15px; } }
/* ===================================
    Widget block
====================================== */
.widget-block {
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  padding: 40px;
  margin-bottom: 50px;
  word-break: break-word; }
  .widget-block:last-child, .widget-block:last {
    margin-bottom: 0; }
  .widget-block h4 {
    font-size: 22px;
    color: #292dc2;
    margin-bottom: 20px; }
  .widget-block .list-style-icon {
    margin-bottom: 0;
    padding-bottom: 0; }
    .widget-block .list-style-icon li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      color: #596982;
      padding-left: 45px;
      position: relative;
      margin-bottom: 15px;
      padding-bottom: 10px;
      padding-top: 15px; }
      .widget-block .list-style-icon li:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0; }
      .widget-block .list-style-icon li i {
        position: absolute;
        left: 15px;
        top: 20px;
        color: #0084e9;
        font-size: 20px; }
      .widget-block .list-style-icon li h6 {
        font-size: 16px;
        margin-bottom: 5px; }
      .widget-block .list-style-icon li p {
        margin-bottom: 0;
        color: #596982; }

@media screen and (max-width: 1199px) {
  .widget-block {
    margin-bottom: 40px;
    padding: 35px; } }
@media screen and (max-width: 767px) {
  .widget-block h4 {
    font-size: 20px;
    margin-bottom: 30px; }
  .widget-block .list-style-icon li {
    margin-bottom: 25px;
    padding-bottom: 13px; } }
/* ===================================
    Other
====================================== */
.box-icon {
  display: inline-block;
  max-width: 460px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 44px rgba(17, 29, 48, 0.06);
  padding: 40px 35px;
  width: 100%; }

@media screen and (max-width: 767px) {
  .box-icon {
    padding: 20px 15px;
    max-width: none; } }
.extra-detail h4 {
  margin-bottom: 0;
  font-size: 40px;
  line-height: 55px;
  color: #fff;
  font-weight: 500; }

@media screen and (max-width: 1199px) {
  .extra-detail h4 {
    font-size: 36px;
    line-height: 52px; } }
@media screen and (max-width: 991px) {
  .extra-detail h4 {
    font-size: 32px;
    line-height: 48px; } }
@media screen and (max-width: 767px) {
  .extra-detail h4 {
    font-size: 28px;
    line-height: 40px; } }
@media screen and (max-width: 575px) {
  .extra-detail h4 {
    font-size: 26px;
    line-height: 36px; } }
/*aboutus page*/
.about-service {
  text-align: center; }
  .about-service h6 {
    color: #292dc2;
    font-size: 20px;
    margin-bottom: 5px; }
  .about-service h4 {
    font-size: 34px;
    line-height: 45px;
    margin-bottom: 20px; }
  .about-service p span {
    font-style: italic; }

.about-service-detail {
  margin-top: 90px;
  text-align: center;
  padding: 0 30px; }
  .about-service-detail i {
    font-size: 80px;
    color: #0084e9; }
  .about-service-detail .box-line-divider {
    position: relative;
    transition: .22s;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px; }
  .about-service-detail h5 {
    margin: 15px 0 0 0;
    font-size: 18px;
    font-weight: 400; }

@media screen and (max-width: 1199px) {
  .about-service-detail {
    padding: 0 25px;
    margin-top: 70px; }
    .about-service-detail i {
      font-size: 70px; } }
@media screen and (max-width: 991px) {
  .about-service-detail {
    padding: 0 15px;
    margin-top: 50px; }
    .about-service-detail i {
      font-size: 60px; } }
@media screen and (max-width: 767px) {
  .about-service h6 {
    font-size: 18px; }
  .about-service h4 {
    font-size: 26px; }

  .about-service-detail i {
    font-size: 54px; } }
@media screen and (max-width: 575px) {
  .about-service-detail h5 {
    font-size: 16px; }
  .about-service-detail i {
    font-size: 50px; }

  .about-service h4 {
    font-size: 24px; } }
/* casestudy page */
.case-study-block {
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .case-study-block:hover {
    -webkit-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.1); }
  .case-study-block h4 a, .case-study-block strong {
    color: #232323; }

.case-studies .case-study-block {
  box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
  margin: 10px 15px; }
  .case-studies .case-study-block h4 a {
    color: #232323; }
  .case-studies .case-study-block strong {
    color: #6f6f6f; }

@media screen and (max-width: 1199px) {
  .case-studies .case-study-block {
    margin: 30px 24px; } }
/* Job listing page*/
.job-content {
  display: table;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(12, 0, 46, 0.04);
  box-shadow: 0 2px 8px 0 rgba(12, 0, 46, 0.04);
  padding: 20px 30px 20px 30px;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  border-radius: 4px; }
  .job-content h4 a {
    color: #505050; }
  .job-content ul li {
    color: #6f6f6f; }

@media screen and (max-width: 767px) {
  .job-content {
    padding: 20px; } }
/*client style2*/
.section-clients2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9; }
  .section-clients2 .client-single {
    width: 33.333%;
    min-height: 96px;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    overflow: hidden; }
    .section-clients2 .client-single .client-img {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      opacity: .8;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .section-clients2 .client-single .client-img img {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
      .section-clients2 .client-single .client-img:hover {
        opacity: 1; }

@media screen and (max-width: 1024px) {
  .section-clients2 .client-single {
    width: 50%; } }
@media screen and (max-width: 575px) {
  .section-clients2 .client-single {
    width: 100%; } }
/*search page*/
.search-form_input {
  color: #292dc2; }

.search-frame h4 a:hover {
  color: #292dc2; }
.search-frame .search_list .match {
  color: #292dc2; }
.search-frame .search_list li:before {
  color: #292dc2; }
.search-frame .search_list li + li {
  border-top: 3px solid #292dc2; }
.search-frame .search {
  color: #292dc2; }

/* common form */
.common-form {
  border: 20px solid #fff;
  background: #fbfbfd;
  padding: 60px 50px;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05);
  box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05); }

@media screen and (max-width: 991px) {
  .common-form {
    padding: 40px 30px;
    border: 15px solid #fff; } }
@media screen and (max-width: 575px) {
  .common-form {
    padding: 35px 25px;
    border: 10px solid #fff; } }
/*404 page*/
.page-container .title {
  font-size: 250px;
  line-height: 1;
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .page-container .title {
    font-size: 200px; } }
@media screen and (max-width: 991px) {
  .page-container .title {
    font-size: 125px; } }
@media screen and (max-width: 767px) {
  .page-container .title {
    font-size: 75px; } }
/* coming soon */
.coming-soon .social-links li {
  display: inline-block;
  font-size: 22px;
  margin-right: 30px; }
  .coming-soon .social-links li:last-child {
    margin-right: 0; }
  .coming-soon .social-links li a {
    color: #fff; }
    .coming-soon .social-links li a:hover {
      color: rgba(255, 255, 255, 0.65); }

/* count down */
ul.countdown li {
  border-right: 1px solid #c5c5c5;
  display: inline-block;
  padding: 0 30px;
  text-align: center; }
  ul.countdown li:last-child {
    border: medium none;
    padding-right: 0; }
  ul.countdown li span {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    position: relative; }
    ul.countdown li span::before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .coming-soon .social-links li {
    margin-right: 15px;
    font-size: 16px; }

  ul.countdown li {
    padding: 0 8px; }

  .social-links li {
    margin-right: 15px; }

  ul.countdown li span {
    font-size: 22px; } }
/* ===================================
    Blog
====================================== */
.blog-grid {
  position: relative;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .blog-grid span {
    color: #292dc2; }
  .blog-grid img {
    width: 100%; }

.data-box-grid {
  display: inline-block;
  left: 0;
  bottom: -1px;
  padding: 5px 20px;
  font-size: 18px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  -o-border-top-right-radius: 7px;
  -webkit-border-radius-topright: 7px;
  -moz-border-radius-topright: 7px;
  -o-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  background: #292dc2;
  background: -webkit-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -moz-linear-gradient(-45deg, #292dc2, #0084e9);
  background: -o-linear-gradient(-45deg, #292dc2, #0084e9);
  background: linear-gradient(-45deg, #292dc2, #0084e9); }
  .data-box-grid h5 {
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 8px;
    color: #fff;
    font-size: 20px; }

.blog-grid .data-box-grid p {
  font-size: 14px;
  margin-bottom: 0;
  padding: 0;
  border: none;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase; }

.blog-grid-text {
  position: relative;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc; }
  .blog-grid-text > span {
    color: #292dc2;
    font-size: 13px;
    padding-right: 5px; }
  .blog-grid-text h4 {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 15px; }
  .blog-grid-text .meta-style2 {
    border-top: 1px dashed #cee1f8;
    padding-top: 15px; }
    .blog-grid-text .meta-style2 ul li {
      margin-bottom: 0;
      font-weight: 500; }
  .blog-grid-text ul {
    margin: 0;
    padding: 0; }
    .blog-grid-text ul li {
      display: inline-block;
      color: #999;
      font-size: 14px;
      font-weight: 500;
      margin: 5px 10px 5px 0; }
      .blog-grid-text ul li i {
        font-size: 14px;
        font-weight: 600;
        margin-right: 5px; }
  .blog-grid-text p {
    color: #999;
    font-weight: 400;
    line-height: 170%;
    padding: 0; }

.blog-list-left-heading:after, .blog-title-box:after {
  content: '';
  height: 2px; }

.blog-grid-simple-content a:hover {
  color: #232323; }
  .blog-grid-simple-content a:hover:after {
    color: #232323; }

.blog-list-simple {
  margin: 0 0 30px 0;
  padding-bottom: 30px; }
  .blog-list-simple:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; }

.blog-list-simple-text {
  color: #999999; }
  .blog-list-simple-text > span {
    color: #292dc2;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px; }
  .blog-list-simple-text p {
    border-top: 1px solid #ececec;
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0;
    padding: 15px 0; }
  .blog-list-simple-text .meta {
    margin: 0 0 5px 0; }
  .blog-list-simple-text li {
    display: inline-block;
    font-size: 12px;
    color: #777;
    margin: 0 5px; }
  .blog-list-simple-text h4 {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0;
    line-height: normal; }
  .blog-list-simple-text ul {
    margin: 10px 0; }
    .blog-list-simple-text ul li {
      color: #999;
      font-size: 14px;
      font-weight: 500;
      padding: 3px 0; }
      .blog-list-simple-text ul li i {
        color: #292dc2;
        margin-right: 5px;
        font-size: 14px; }

.blog-block {
  box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  border-radius: 5px; }
  .blog-block .blog-text {
    border-bottom: 1px solid #ececec; }
  .blog-block .blog-img {
    position: relative;
    overflow: hidden; }
  .blog-block .blog-bottom-holder img {
    max-width: 42px; }

.blogs .post {
  margin-bottom: 50px; }
  .blogs .post .content {
    padding: 30px;
    background: #fafafa; }
    .blogs .post .content .post-title h5 {
      font-size: 26px;
      line-height: normal;
      font-weight: 500;
      margin-bottom: 0; }
      .blogs .post .content .post-title h5 a {
        color: #232323; }
        .blogs .post .content .post-title h5 a:hover {
          color: #F24259; }
    .blogs .post .content .meta {
      margin-bottom: 15px; }
      .blogs .post .content .meta li {
        display: inline-block;
        font-size: 12px;
        color: #777;
        margin: 5px 5px 0 5px; }
    .blogs .post .content .special {
      padding: 15px;
      margin: 30px 0;
      border-left: 2px solid #111;
      background: #f7f7f7;
      font-size: 16px; }
    .blogs .post .content .btn {
      border-color: #6f6f6f;
      color: #6f6f6f;
      min-width: auto;
      padding: 6px 20px;
      font-size: 12px; }
      .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #F24259; }
  .blogs .post .share-post {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    text-align: left; }
    .blogs .post .share-post span {
      font-weight: 700; }
    .blogs .post .share-post ul {
      float: right; }
      .blogs .post .share-post ul li {
        display: inline-block;
        margin: 0 10px; }
  .blogs .post .post-img img {
    width: 100%; }
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px; }
.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee; }
  .blogs .comments-area .comment-box:nth-child(odd) {
    margin-left: 80px; }
  .blogs .comments-area .comment-box:last-child {
    margin-bottom: 30px; }
.blogs .comment-box .author-thumb {
  width: 80px;
  float: left; }
.blogs .comment-box .comment-info {
  margin-left: 100px; }
  .blogs .comment-box .comment-info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px; }
  .blogs .comment-box .comment-info .reply {
    margin-top: 10px;
    font-weight: 600; }
    .blogs .comment-box .comment-info .reply i {
      padding-right: 5px;
      font-size: 12px; }

.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }
  .pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline; }
  .pagination a {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    background: #fff; }
    .pagination a:hover {
      background-color: #232323;
      color: #fff; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #999;
    cursor: default; }
  .pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default; }
  .pagination .disabled a {
    color: #999;
    background-color: transparent;
    cursor: default; }
    .pagination .disabled a:hover {
      color: #999;
      background-color: transparent;
      cursor: default; }
  .pagination li:first-child a {
    border-left-width: 1px; }

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #292dc2;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px; }
  .blockquote p {
    font-size: 15px;
    font-weight: 500;
    line-height: 190%;
    color: #232323;
    letter-spacing: .5px; }
  .blockquote h4 {
    font-size: 20px;
    font-weight: 400;
    color: #232323;
    letter-spacing: .5px; }

.side-bar .widget {
  margin-bottom: 30px; }
  .side-bar .widget:last-child {
    margin-bottom: 0; }
  .side-bar .widget .widget-title h6 {
    position: relative;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    .side-bar .widget .widget-title h6:after {
      content: '';
      width: 30px;
      height: 1px;
      background: #292dc2;
      position: absolute;
      bottom: 0;
      left: 0; }
  .side-bar .widget li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 9px 0;
    color: #6f6f6f; }
    .side-bar .widget li:last-child {
      margin: 0; }
    .side-bar .widget li:after {
      content: "";
      width: 5px;
      height: 1px;
      background-color: #6f6f6f;
      position: absolute;
      top: 12px;
      left: 0; }
  .side-bar .widget .social-listing {
    margin-bottom: 0; }
    .side-bar .widget .social-listing li {
      list-style: none;
      display: inline-block; }
      .side-bar .widget .social-listing li:after {
        background: none; }
      .side-bar .widget .social-listing li:first-child {
        padding-left: 0; }
.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7;
  min-height: auto; }
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0; }
  .side-bar .search form button:hover:before {
    border-radius: 0;
    padding: 0; }

@media screen and (max-width: 1199px) {
  .blog-grid-text h4 {
    font-size: 15px; }

  .blogs .post .content .post-title h5 {
    font-size: 22px; }
  .blogs .post .content .special {
    font-size: 16px; }
  .blogs .posts .title-g h3 {
    font-size: 22px; } }
@media screen and (max-width: 767px) {
  .blog-grid-text h4 {
    font-size: 14px; }

  .blog-list-simple {
    margin-bottom: 20px;
    padding-bottom: 20px; }

  .data-box-grid {
    padding: 5px 15px;
    font-size: 16px; }
    .data-box-grid h5 {
      font-size: 16px;
      margin-right: 3px; }

  .blog-list-simple-text > span {
    font-size: 12px; }
  .blog-list-simple-text p {
    font-size: 14px; }
  .blog-list-simple-text h4 {
    font-size: 18px; }
  .blog-list-simple-text ul li {
    font-size: 12px; }

  .blogs .post .content .post-title h5 {
    font-size: 20px; }
  .blogs .post .content .special {
    font-size: 14px; }
  .blogs .posts .title-g h3 {
    font-size: 18px; } }
/* ===================================
    Contact info
====================================== */
/* newsletter */
.subscribe-form ::-webkit-input-placeholder {
  color: #fff;
  text-overflow: ellipsis; }
.subscribe-form ::-moz-placeholder, .subscribe-form :-ms-input-placeholder {
  color: #fff;
  text-overflow: ellipsis;
  opacity: 1; }
.subscribe-form .input {
  max-width: 770px;
  margin: 0 auto; }
.subscribe-form input {
  max-width: 480px;
  margin: 0;
  width: 100%;
  color: #fff;
  padding: 11px 15px 11px 0;
  border: none;
  border-bottom: 1px solid #d1d1d1;
  background: none;
  margin-right: 40px;
  letter-spacing: 1px; }
.subscribe-form .circle-subscribe {
  position: absolute;
  bottom: 2%;
  right: 0;
  z-index: 1; }

@media screen and (max-width: 991px) {
  .subscribe-form input {
    max-width: 490px; } }
@media screen and (max-width: 767px) {
  .subscribe-form input {
    max-width: 340px; } }
@media screen and (max-width: 575px) {
  .subscribe-form input {
    max-width: none;
    text-align: center; } }
/* subscribe style 2*/
.subscribe-form-two input {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  background: transparent !important;
  display: block;
  margin: 0 auto 30px auto;
  max-width: 650px;
  width: 100%;
  color: #fff; }
.subscribe-form-two ::-webkit-input-placeholder {
  color: #fff;
  text-overflow: ellipsis; }
.subscribe-form-two ::-moz-placeholder, .subscribe-form-two :-ms-input-placeholder {
  color: #fff;
  text-overflow: ellipsis;
  opacity: 1; }

/* contact detail */
#map {
  height: 400px;
  width: 100%; }

.quick-contact .form-input {
  padding-left: 5px;
  border-width: 0 0 1px 0; }

/*contact-us page*/
.contact-block {
  box-shadow: 9px 0 30px 1px rgba(0, 0, 0, 0.1);
  text-align: center; }

/* ===================================
    Footer
====================================== */
footer {
  padding: 90px 0 0;
  background: #1f1f1f;
  color: #6f6f6f; }
  footer p {
    margin-bottom: 0; }
  footer address {
    margin-bottom: 5px; }
  footer h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1;
    position: relative; }
    footer h3:after {
      content: '';
      display: block;
      width: 70px;
      height: 2px;
      background: #292dc2;
      margin: 12px auto 0 auto; }
    footer h3.footer-title-style2 {
      margin-bottom: 28px; }

h3.footer-title-style2:after {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  background: none; }

footer h4.footer-title-style3 {
  margin-bottom: 30px;
  font-size: 24px; }

.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 90px;
  text-align: center;
  background: #000;
  color: #939393; }
  .footer-bar span {
    color: #292dc2;
    font-size: 15px;
    font-weight: 400; }

@media screen and (max-width: 1199px) {
  footer h4.footer-title-style3 {
    font-size: 22px;
    margin-bottom: 25px; } }
@media screen and (max-width: 991px) {
  footer h4.footer-title-style3 {
    font-size: 20px;
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) {
  footer {
    padding-top: 30px; }
    footer h3 {
      font-size: 16px; }

  h3.footer-title-style {
    margin-bottom: 15px; }

  footer h3.footer-title-style2 {
    margin-bottom: 20px; }

  .footer-bar {
    margin-top: 30px; }
    .footer-bar p {
      font-size: 13px; } }
/* footer-style2 */
.footer-style2 {
  box-shadow: 0px 0 75px 0 rgba(0, 0, 0, 0.05); }
  .footer-style2 > .container {
    padding: 120px 15px; }

@media screen and (max-width: 1199px) {
  .footer-style2 > .container {
    padding: 90px 15px; } }
@media screen and (max-width: 991px) {
  .footer-style2 > .container {
    padding: 70px 15px; } }
.footer-style4-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  padding: 20px 0;
  margin-top: 90px; }

/* footer-style4 */
.footer-style4 {
  padding-top: 220px;
  margin-top: -120px;
  z-index: 0; }
  .footer-style4 .footer-icon ul li {
    display: inline-block;
    margin-right: 20px; }
  .footer-style4 ul li {
    margin: 10px 0;
    font-size: 16px; }
    .footer-style4 ul li:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
  .footer-style4 h3:after {
    content: "";
    background: unset;
    margin: 0; }
  .footer-style4 h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 500; }

h4 .footer-style4:after {
  width: 100%;
  border-bottom: 1px dashed #999;
  margin-top: 15px;
  background: none; }

.footer-style4 a {
  color: #939393; }
  .footer-style4 a:hover {
    color: #fff; }

@media screen and (max-width: 1199px) {
  .footer-style4 {
    padding-top: 210px;
    margin-top: -130px; }

  .footer-style4-bottom {
    margin-top: 70px; } }
@media screen and (max-width: 991px) {
  .footer-style4 {
    padding-top: 200px;
    margin-top: -120px; }

  .footer-style4-bottom {
    margin-top: 60px; } }
@media screen and (max-width: 767px) {
  .footer-style4 {
    padding-top: 170px;
    margin-top: -110px; }

  .footer-style4-bottom {
    margin-top: 50px; }

  .footer-style4 h4 {
    font-size: 16px; }
  .footer-style4 ul li {
    font-size: 15px; } }
/* footer-dark */
.footer-dark {
  background: #1f1f1f;
  color: #939393; }
  .footer-dark .footer-list li {
    color: #939393; }
    .footer-dark .footer-list li a {
      color: #939393; }
      .footer-dark .footer-list li a:hover {
        color: #fff; }
      .footer-dark .footer-list li a:before {
        color: #939393; }
      .footer-dark .footer-list li a:hover:before {
        color: #fff; }
  .footer-dark h3 {
    color: #e8e8e8; }
    .footer-dark h3.footer-title-style2:after {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  .footer-dark .footer-social-icons ul li {
    border: 1px solid rgba(255, 255, 255, 0.2); }

/* footer list style*/
.footer-list {
  margin: 0; }
  .footer-list li {
    list-style-type: none;
    color: #232323;
    padding: 6px 0; }
    .footer-list li:first-child {
      padding-top: 0; }
    .footer-list li a {
      font-size: 15px;
      font-weight: 400;
      color: #232323; }
      .footer-list li a:before {
        content: '\f105';
        font-weight: 700;
        vertical-align: bottom;
        font-family: Font Awesome\ 5 Free;
        color: #232323;
        padding-right: 8px;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s; }
      .footer-list li a:hover {
        color: #292dc2; }
        .footer-list li a:hover:before {
          color: #292dc2; }

@media screen and (max-width: 767px) {
  .footer-list li a {
    font-size: 14px; } }
/*footer list style-01*/
.footer-list1 {
  margin: 0; }
  .footer-list1 li {
    list-style-type: none;
    padding: 12px 0 12px 0;
    font-size: 17px;
    color: #6f6f6f; }
    .footer-list1 li:first-child {
      padding-top: 0; }
    .footer-list1 li:last-child {
      padding-bottom: 0; }
    .footer-list1 li a {
      font-weight: 400;
      color: #6f6f6f; }
      .footer-list1 li a:hover {
        color: #292dc2; }

@media screen and (max-width: 1199px) {
  .footer-list1 li {
    font-size: 16px; } }
@media screen and (max-width: 767px) {
  .footer-list1 li {
    padding: 8px 0;
    font-size: 15px; } }
/* footer list social icon*/
.footer-social-icons ul {
  margin-bottom: 0; }
  .footer-social-icons ul li {
    display: inline-block;
    border: 1px solid #6f6f6f;
    border-radius: 50%;
    margin-right: 10px;
    transition-duration: 0.3s; }
    .footer-social-icons ul li i {
      color: #6f6f6f; }
    .footer-social-icons ul li a {
      color: #292dc2;
      display: block;
      font-size: 15px;
      height: 35px;
      line-height: 34px;
      text-align: center;
      width: 35px; }

/*footer social-icon style01*/
.footer-social-icons1 ul {
  margin-bottom: 0; }
  .footer-social-icons1 ul li {
    display: inline-block;
    border: 1px solid #6f6f6f;
    border-radius: 50%;
    color: #6f6f6f;
    margin-right: 10px;
    margin-bottom: 5px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: 0.3s; }
    .footer-social-icons1 ul li a {
      color: #6f6f6f;
      display: block;
      font-size: 15px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      width: 35px; }
    .footer-social-icons1 ul li:hover {
      background: #939393; }
      .footer-social-icons1 ul li:hover i {
        color: #fff; }

/*# sourceMappingURL=styles.css.map */